<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	*{
		margin:0;
		padding: 0px;
		text-decoration: none;
	}
 
	.ziti{
		font-size: 13px;
		padding-left: 20px;
	}
	a{
		color: black;
	}
</style>
	<!--  angularjs的基础文件-->
	<script type="text/javascript" src="js/plugins/plugins/angularjs/angular.min.js"></script>
	<!--导入基础模块-->
	<script src="js/base.js"></script>
	<!--导入前端服务层JS-->
	<script src="js/service/msqbService.js"></script>
	<!--导入前端控制层JS-->
	<script src="js/controller/phoneLoginController.js"></script>
</head>
<body ng-app="msqbapp" ng-controller="phoneLoginController">
	<form action="index.html">
	<div style="width: 320px;height: 480px;background-color:#F5F5F5; border: 1px solid #99ccb3;margin: auto;text-align: center;border-radius: 8px;">
		<div style="margin-top:30%;">
			<p>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:<input type="tel" style="width: 100px;" required="required" placeholder="请输入手机号" pattern="^1[3456789]\d{9}$" ng-model="userBean.telNumber"></p ><br><br>
		</div>
		<div style="margin-top:-10px;">		
		<p>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" style="width: 100px;" required="required" placeholder="请输入密码" pattern="^\w{6,12}$" ng-model="userBean.userPass"></p><br>
		<a href="forgetPassword.html">
			<span class="ziti">忘记密码</span>
		</a>
		<a href="register.html">
			<span class="ziti">注册&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		</a><br><br>
		  <p>			  
		 <input  type="button"  value="登录" style="width: 40px;height: 25px;background-color: #F5F5F5; margin-top:10px;border: 5px;" ng-click="login()">&nbsp;&nbsp;
			  
		  </p>	
		</div>
	</div>
	</form>
</body>
</html>